<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="./css/font.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <link rel="stylesheet" href="../youdianda_static/css/layui.css">
  <link rel="stylesheet" href="./css/cate.css">
  <script src="./lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="">首页</a>
      <a href="">演示</a>
      <a>
        <cite>导航元素</cite></a>
    </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
      onclick="location.reload()" title="刷新">
      <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
  </div>
  <div class="baidi">
    <div class="layui-row layui-col-space15">
      <!-- 这是分类列表、修改、删除、增加 -->
      <!-- 白底 -->
      <div class="layui-card">
        <!-- 搜索 重置 -->
        <div class="diyih" id="yincangs">
          <!-- 搜索框 查询 重置 -->
          <div class="layui-form-item sousuo">
            <label class="layui-form-label fenlei"><b>分类名称</b></label>
            <div class="layui-input-inline">
              <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
                class="layui-input" id="sous">
            </div>

          </div>
          <!--  搜索框 查询 重置 -->
          <!-- 搜索 按钮 -->
           <a href="#" class="layui-btn layui-btn-normal" id="chaxun"><i class="layui-icon layui-icon-search"
              style="font-size: 15px; color: #ffff;"></i>搜索</a>
           <a href="#" class="layui-btn layui-btn-primary layui-border-blue lanse" id="chongzhi"><i
              class="layui-icon layui-icon-refresh" style="font-size: 15px; "></i>重置</a>
          <!-- 搜索 按钮 -->
       </div>

        <!-- 新增 导出 -->
        <div class="new">

          <!-- 新增 按钮 -->
           <button type="button" class="layui-btn layui-btn-normal layui-btn-sm xinzeng" id="newSrt"> + 新增</button>
          <!-- 新增 按钮 -->
          <!--导出 按钮 -->
           <button type="button" class="layui-btn layui-btn-primary daochu">导出</button>
          <!--导出 按钮 -->

          <div class="right">
            <!-- 图标 -->

            <i class="layui-icon layui-icon-up" style="font-size: 15px;  " id="yincang"></i>
            <i class="layui-icon layui-icon-refresh" style="font-size: 15px; "></i>
            <i class="layui-icon layui-icon-app" style="font-size: 15px; "></i>
            <!-- 图标 -->
          </div>

        </div>
        <!--  -->
        <form id="addForm" class="layui-form" style="display: none;">
          <!-- 第一行 分类名称 -->
          <div class="layui-form-item">
            <div class="layui-col-md10">
              <label class="layui-form-label">分类名称</label>
              <div class="layui-input-block">
                <input type="text" name="name" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
                  class="layui-input">
              </div>
            </div>
          </div>
          <!-- 第二行 分类别名  -->
          <div class="layui-form-item forms">
            <div class="layui-col-md15 mese">
              <label class="layui-form-label">图标class</label>
              <div class="layui-input-block">
                <input type="text" name="alias" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
                  class="layui-input">
              </div>
              <div class="setase">
                <a href="#">
                  <p>具体参见fontawesome图标库</p>
                </a>
              </div>

            </div>
          </div>
          <!-- 第三行 排序大小 -->
          <div class="layui-form-item jiahao">
            <label class="layui-form-label"><b>排序大小</b></label>
            <div class="layui-input-block">
              <button class=" layui-btn-primary 
             " id="decrease"
                style="width: 40px;height: 38px;position: relative;top: 0px;left: 87px;background-color: #f5f7fa;">
                <h3>-</h3>
              </button>
              <button class=" layui-btn-primary" id="increase"
                style="width: 40px;height: 38px;position: relative;top: -25px;left: -94px;background-color: #f5f7fa;">
                <h3>+</h3>
              </button>
              <input type="text" value="1"
                style="width: 180px;height: 35px;text-align: center; position: relative; top: -25px;left: -94px"
                id="shurukuang" ;>
            </div>

          </div>
          <!-- 第四行 按钮 -->
          <div class="layui-form-item">
            <div class="layui-input-block">
              <button class="layui-btn" lay-submit lay-filter="formDemo">确认</button>
              <button type="reset" class="layui-btn layui-btn-primary">取消</button>
            </div>
          </div>
        </form>

        <!-- 表格 -->
        <table class="layui-table">
          <colgroup>
            <col width="150">
            <col width="200">
            <col>
          </colgroup>
          <thead>
            <tr>
              <th>#</th>
              <th>分类ID</th>
              <th>分类名称</th>
              <th>图标class</th>
              <th>权重</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody id="leige">
            <!-- <tr>
              <td>贤心</td>
              <td>2016-11-29</td>
              <td>人生就像是一场修行</td>
              <td>人生就像是一场修行</td>
              <td>人生就像是一场修行</td>
              <td>
                <div class="yuan1">
                  <i class="layui-icon layui-icon-edit" style="font-size: 15px; color: #ffff;"></i>
                </div>
                <div class="yuan2">
                  <i class="layui-icon layui-icon-delete" style="font-size: 15px; color: #ffff;"></i>
                </div>

              </td>
            </tr> -->
          </tbody>
        </table>
        <!-- 表格 -->
        <!-- 分页 -->
        <div id="page-boxs"></div>
        <!-- 分页 -->
      </div>


    </div>
  </div>
  <script src="../youdianda_static/lib/layui/layui.all.js"></script>
  <script src="../youdianda_static/js/jquery.min.js"></script>
  <script src="../youdianda_static/js/axios.min.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/cate.js"></script>

</body>
<script>

</script>

</html>